<!DOCTYPE html>
<html lang="en">
	<head>
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
		<meta charset="utf-8">
		<style>
			body{
			margin: 0;
		}
		.container a {
		color: #3C3C3C;
		text-decoration: none;
		display: block;
		width: 4rem;
		height: 1.5rem;
		line-height: 1.5rem;
		border: 1px solid #ccc;
		border-radius: 15px;
		position: absolute;
		font-size: 0.7rem;
		}
		.goI{
			left: 2rem;
		}
		.goO{
			right: 2rem;
		}
		a:hover {
		text-decoration: none;
		}
		.titleTea {
		position: fixed;
		position: relative;
		top: 0;
		background-color: #CD0301;
		height: 3rem;
		line-height:3rem;
		z-index: 998;
		}
		.titleTea a {
		position: absolute;
		top: 0.1rem;
		left: 0.8rem;
		color: #FFFFFF;
		font-size: 1rem;
		font-weight: 400;
		}
		.titleTea h3 {
		text-align: center;
		font-size: 1rem;
		margin: 0;
		line-height: 3rem;
		color: #FFFFFF;
		font-weight: 600;
		}
		.container{
			width: 100%;
			text-align: center;
			padding-top: 3rem;
		}
		.container h2{
			font-size: 1rem;
		}
		</style>
	</head>
	<body>
		<!-- toubu-->
		<div class="titleTea">
			<!-- <a href="#"> <span class="glyphicon glyphicon-menu-left"></span> </a> -->
			<h3>茶未来</h3>
		</div>
		<!-- 支付状态 -->
		<div class="container">
			<h2>支付成功</h2>
			<!-- <button class="goI">返回首页</button> -->
			<a href="#" class="goI">返回首页</a>
			<a href="#" class="goO">订单详情</a>
		</div>
	</body>
	<script src="../lib/js/jquery.min.js"></script>
	<script>
	$(function (argument) {
		$(".goI").click(function(e){
			e.preventDefault();
			window.location.href="../index.html";
		})
		$(".goO").click(function(e){
			e.preventDefault();
			window.location.href="order_list.html";
		})
	})
	</script>
	<script src="../script/rem.js"></script>
</html>